<div class="col-md-12 col-sm-12 col-xs-12" v-cloak id="indexController">
        <div class="x_panel">
            <div class="x_title">
                <h2 style="width:300px;">
                    科目列表
                    <small></small>
                </h2>
                <ul class="nav navbar-right panel_toolbox">
                    <li>
                        <a v-on:click="showAddPage()">
                            <i class="fa fa-plus">
    
                            </i>
                        </a>
                    </li>
                    <li>
                        <a v-on:click="init()">
                            <i class="fa fa-refresh">
    
                            </i>
                        </a>
                    </li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <div class="form-inline">
                    <div class="form-group pull-left">
                        <label class="form-label">科目名称</label>
                        <input type="text" class="form-control" v-model="searchCondition.name" placeholder="科目名称" /> &nbsp;&nbsp;
                    </div>
                    <div class="form-group pull-left">
                        <button class="btn btn-sm btn-primary" v-on:click="init()" type="button">查询</button>
                    </div>
                </div>
                <table class="table table-striped table-bordered" style="margin-top:60px;">
                    <thead>
                        <tr>
                            <th>编号</th>
                            <th>名称</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="(item,index) in list">
                            <td>{{((pager.pageIndex-1)*pager.pageSize)+index+1}}</td>
                            <td v-html="item.name"></td>
                            <td>
                                <button class="btn btn-primary" type="button" v-on:click='detailSubject(item)'>详情</button>
                                <button class="btn btn-primary" type="button" v-on:click='editSubject(item)'>编辑</button>
                                <button class="btn btn-danger" type="button" v-on:click="deleteSubject(item)">删除</button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <page v-on:pagechange="pageChange" v-bind:pager="pager" ref="pager"></page>
        </div>
    </div>
<script page-script="./dist/js/SubjectPage/indexPage.js">
</script>